@mixin flex($justify, $align) {
  display: flex;
  justify-content: $justify;
  align-items: $align;
}
@mixin marginT($top) {
  margin-top: $top;
}
@mixin marginL($left) {
  margin-left: $left;
}
@mixin marginB($bottom) {
  margin-bottom: $bottom;
}
@mixin marginR($right) {
  margin-right: $right;
}

@mixin bgImg($url) {
  background: url($url) center no-repeat;
  background-size: 100% auto;
}

.flsc {
  @include flex(flex-start, center);
}

.flcc {
  @include flex(center, center);
}

.flbc {
  @include flex(space-between, center);
}

.flec {
  @include flex(flex-end, center);
}

.flac {
  @include flex(space-around, center);
}

.flbs {
  @include flex(space-between, flex-start);
}

.mt10 {
  @include marginT(10px);
}
.mt12 {
  @include marginT(12px);
}
.mt14 {
  @include marginT(14px);
}
.mt16 {
  @include marginT(16px);
}
.mt18 {
  @include marginT(18px);
}
.mt20 {
  @include marginT(20px);
}
.mt22 {
  @include marginT(22px);
}
.mt24 {
  @include marginT(24px);
}
.mt26 {
  @include marginT(26px);
}
.mt28 {
  @include marginT(28px);
}
.mt30 {
  @include marginT(30px);
}
.mt32 {
  @include marginT(32px);
}

.ml10 {
  @include marginL(10px);
}
.ml12 {
  @include marginL(12px);
}
.ml14 {
  @include marginL(14pxpx);
}
.ml16 {
  @include marginL(16pxpx);
}
.ml18 {
  @include marginL(18px);
}
.ml20 {
  @include marginL(20px);
}
.ml22 {
  @include marginL(22px);
}
.ml24 {
  @include marginL(24px);
}
.ml26 {
  @include marginL(26px);
}
.ml28 {
  @include marginL(28px);
}
.ml30 {
  @include marginL(30px);
}
.ml32 {
  @include marginL(32px);
}
.mr10 {
  @include marginR(10px);
}
.mr12 {
  @include marginR(12px);
}
.mr14 {
  @include marginR(14pxpx);
}
.mr16 {
  @include marginR(16pxpx);
}
.mr18 {
  @include marginR(18px);
}
.mr20 {
  @include marginR(20px);
}
.mr22 {
  @include marginR(22px);
}
.mr24 {
  @include marginR(24px);
}
.mr26 {
  @include marginR(26px);
}
.mr28 {
  @include marginR(28px);
}
.mr30 {
  @include marginR(30px);
}
.mr32 {
  @include marginR(32px);
}

.mb10 {
  @include marginB(10px);
}
.mb12 {
  @include marginB(12px);
}
.mb14 {
  @include marginB(14pxpx);
}
.mb16 {
  @include marginB(16pxpx);
}
.mb18 {
  @include marginB(18px);
}
.mb20 {
  @include marginB(20px);
}
.mb22 {
  @include marginB(22px);
}
.mb24 {
  @include marginB(24px);
}
.mb26 {
  @include marginB(26px);
}
.mb28 {
  @include marginB(28px);
}
.mb30 {
  @include marginB(30px);
}
.mb32 {
  @include marginB(32px);
}

.borderBox {
  box-sizing: border-box;
}

.text-ellipsis-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 设置最大显示行数 */
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textButton {
  cursor: pointer !important;

  &:hover {
    color: #006eff !important;
    text-decoration: underline;
  }
}

.divButton {
  cursor: pointer !important;
}
